<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <!-- 顶部外面大盒子 -->
    <div class="nav-top">
        <!-- 左边logo -->
        <div class="logo"> <a href="index.html"><img src="./imgs/new-logo-white2.png" alt=""></a>
        </div>
        <!-- 右上角登录和注册按钮 -->
        <div class="btn">
            <button class="login">已有源码账号,<a href="login.html">立即登录</a></button>
        </div>
    </div>
    <!-- 注册外面大盒子 -->
    <div class="register-box">
        <!-- 占位 -->
        <div class="zhanwei"></div>
        <!-- 里面盒子 -->
        <div class="register">
            <h1>欢迎注册</h1>
            <h2>百款接口免费试用</h2>
            <p class="gift-bag">
                <span></span>注册即送300元大礼包
            </p>
            <p class="inputs1"> <input class="inputs" type="text" name="" id="inputs1" placeholder="用户名(6~12位字母数字)">
                <span class="icon"></span><em class="zishu">昵称需在6-12位字母数字间</em>
            </p>
            <p class="inputs2"><input class="inputs" type="text" name="" id="inputs2"
                    placeholder="请输入手机号"><span></span><em>请输入正确的手机号</em></p>
            <div class="password">
                <input class="inputs" type="text" name="" id="" placeholder="请输入手机短信验证码">
                <span>获取验证码</span>
                <p></p>
                <div>请输入手机短信验证码</div>
            </div>
            <p class="inputs3"> <input class="inputs" type="password" name="" id="inputs3"
                    placeholder="请输入6至12位的密码"><span></span><em>请输入6至12位的密码</em></p>
            <p class="input"><input type="checkbox" name="" id=""><span>我已阅读并接受 </span>
                <i> 《源码用户服务协议》</i><i>《源码隐私政策》</i>
            </p>
            <button class="registerBtn ">立即注册</button>
        </div>

    </div>
    <script src="./js/register.js"></script>
</body>

</html>